-
v-text 会直接把标签当成文本输出
v-html 会把标签当成标签
查看全部 -
重要选项：
data 所有的数据
methode 页面绑定事件的方法
watch 设置数据监听的方法
和其他页面的关系：
模板指令：
数据渲染：v-text（格式处理了html）、v-html（保存了html结构）、{{}}
控制模块隐藏： v-if（在代码中看不到）、v-show（在代码中能看到）
渲染循环列表：v-for
事件绑定：v-on
属性绑定：v-bind（简写 ：class ：src）
查看全部 -
<h1>{{msg}}</h1>
<h1>{{msg2}}</h1>
对于msg 写在script里面的data中
查看全部 -
属性：
data 数据
methods 方法函数
watch 对象监听的方法
v-text 渲染数据
v-if 控制显示
v-on 绑定时间
v-for 循环渲染
查看全部 -
v-text里面的内容都会被当成字符，比如'<span>abc</span>'会被渲染成'<span>abc</span>'输出，但是v-html会识别'span'标签，输出是'abc'
查看全部 -
重点的概念
查看全部 -
.vue文件中三种类型的区分标签
查看全部 -
模版指令
<p>{{a}}</p>
<p v-text="a"></p>
<p v-html="a"></p>
v-if/v-show/v-for/v-on/v-bind属性绑定
<ul>
<li v-for='item in items'>
<p v-text='item.label' v-on:click="doThis"></p>
<button @click="doThis"></button>
</li>
</ul>
data:{
items:[
{
label: 'apple'
},
{
label:'banana'
}
]
},
methods:{
doThis: function(){}
}
查看全部 -
new Vue({
data: {
a:1
},
methods:{
doSomething: function(){}
},
watch:{//监听
'a':function(){}
}
})
查看全部 -
props:[] 用于传递参数 以字符串的形式
查看全部 -
component 注册组件
如果有驼峰 会以下划线代替
要引入一个vue 直接引入标签即可
查看全部 -
vue关键属性
查看全部 -
双向绑定：
<div id="demo">
<p>{{message}}</p>
<input v-model="message">
</div>
var demo = new Vue({
el:'#demo',
data:{
message:"Hello Vue.js!"
}
})
查看全部 -
var App = require('./App') == import Vue from 'vue'
查看全部 -
cn.ue.js.org
查看全部
举报