Vue.js
vue学习初体验(6)实例化
vue学习初体验(5)组件间的传值
todolist 提交 var TodoList={ props:[ 'content','index' ], template:" {{content}} ", methods:{ //子组件向父组件传值 delClick:function(){ this.$emit("delete",this.index) } } } var app = new Vue
vue学习初体验(4)组件
todolist 提交 //定义全局组件 // Vue.component("TodoList",{ // //接收数据 // props:[ // 'content' // ], // template:" {{content}} " // }) //局部组件 var TodoList={ props:[ 'content' ], template:" {
vue学习初体验(3)
todolist 提交 {{item}} var app = new Vue({ el:'#app', data:{ list:['第一课','第二课','第三课'], inputVal:'' }, methods:{ onClick:function(){ // alert(this.inputVal) //向list中添加数据 this.list.pus
vue学习初体验(2)
{{content}} var app = new Vue({ el:'#app', data:{ content:'hello world' } }) //延时器 setTimeout(function(){ // data前要加$ app.$data.content = 'bye' },2000)
vue学习初体验(1)
官网:https://vuejs.org/ 官方教程:https://cn.vuejs.org/v2/guide/ 安装 Vue 不支持 IE8 及以下版本 开发版本 包含完整的警告和调试模式 生产版本 删除了警告，30.90KB min+gzip 第一个vue程序 11 {{content}} //显示数据 var app = new Vue({ el: