Vue的代码结构
1.先引入Vue的js
2.写视图层
3.实例化Vue(
const app = new Vue({
el:'#app',
data:{
msg:'sss'
},
methods:{
},
})
)
插值表达式直接在div里面写两个{}就可以
v-cloak(防止闪烁)(直接写在标签里面)
在style里面写<style>[v-cloak]{display:none}</style>
v-text v-html(两个都会替换掉元素里的内容但v-text不会解析富文本而v-html会)
v-bind(界面内的元素属性值的绑定)(简写:)
v-on(事件绑定)(简写@)
v-model(数据双向绑定)
v-for(循环)(可以遍历数组,对象和数字)
:key(
- key在使用v-for的时候都需要去设置key
- key只能是字符串或者数字
- key必须是唯一的
)
v-if v-show(都是设置元素的显示与隐藏不过v-if是通过删除dom元素来实现 v-show是通过设置display:none来实现的)