data: vue对象的数据
method : vue对象的方法
watch: 设置对象的监听方法
模版指令:
数据渲染:
v-text
v-html
{{}}
控制模块隐藏
v-if
v-show
<div v-if="isShow"/> 不加载
<div v-show="isShow"/>
循环列表: v-for
时间绑定: v-on
<button v-on:click="doThis"/>
<button @click="doThis"/>
methods:{
doThis: function(something) {
}
}
属性绑定:v-bind
method : vue对象的方法
watch: 设置对象的监听方法
模版指令:
数据渲染:
v-text
v-html
{{}}
控制模块隐藏
v-if
v-show
<div v-if="isShow"/> 不加载
<div v-show="isShow"/>
循环列表: v-for
时间绑定: v-on
<button v-on:click="doThis"/>
<button @click="doThis"/>
methods:{
doThis: function(something) {
}
}
属性绑定:v-bind
2017-11-14
npm install -g vue-cli
vue init webpack my-first-vue-project
cd my-first-vue-project
npm install
npm run dev
cnpm install
vue init webpack my-first-vue-project
cd my-first-vue-project
npm install
npm run dev
cnpm install
2017-11-14
把事件放到data里,也是有反应的,且跟把method选项下是一样的,我可以这么理解,放到method选项里,是为了好理解,毕竟设计出来,就是考虑了对象的方法
2017-11-13
<HelloWorld/>
<ComponentA/>
和
<hello-world></hello-world>
<component-a></component-a>
都可以,
不转成小写加“-”,就必须是单标签形式。
<ComponentA/>
和
<hello-world></hello-world>
<component-a></component-a>
都可以,
不转成小写加“-”,就必须是单标签形式。
2017-11-11
按着老师的教程敲代码,结果报错了,说newItem没有实例定义但在引用渲染。要在data里面定义newItem为空就可以了
2017-11-07
去 https://cdn.jsdelivr.net/npm/vue 里把内容全选,另存为vue.js,引入到index.html等页面中
如
<body>
<div id="app">
{{ message }}
</div>
</body>
<script src="js/vue.js"></script>自己文件的路径
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
如
<body>
<div id="app">
{{ message }}
</div>
</body>
<script src="js/vue.js"></script>自己文件的路径
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
2017-11-06