1、一个template(模板)下只能有儿子,但是可以有多个孙子
2、props和data只能使用一个,否则就是重复声明
代码
export default {
name: 'HelloWorld',
props: {
msg: String
}
data(){
return{
msg:'Hello wrold'
}
}
}
3、如果是副文本编辑器(输入的内容不是纯文本),应该使用v-html来展示
5、常用内置指令:
v-if v-else v-show 根据true和false来显示是否隐藏
区别是:v-if v-else 如果不满足条件,在F12检查页面时就没有标签,而v-show不管你满不满足在检查时都有标签,只是通过display来控制在页面上显不显示
对于一会显示一会隐藏的项目,就用v-show
1)v-text : 更新元素的 textContent
2)v-html : 更新元素的 innerHTML
3)v-if : 如果为 true, 当前标签才会输出到页面
4)v-else: 如果为 false, 当前标签才会输出到页面
5)v-show : 通过控制 display 样式来控制显示/隐藏
6)v-for : 遍历数组/对象
7)v-on : 绑定事件监听, 一般简写为@
8)v-bind : 强制绑定解析表达式, 可以省略 v-bind 简写为:
9)v-model : 双向数据绑定
10)ref : 指定唯一标识, vue 对象通过$refs 属性访问这个元素对象
网友评论