提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
关于vue的使用
提示:以下是本篇文章正文内容,下面案例可供参考
一、vue?
示例:https://cn.vuejs.org/ 官网下载js文件
二、使用步骤
1.实例
注意,要下载开发版本
(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="root">
<div @click="handleClick">
{{message}}
</div>
<item></item>
</div>
<script type="text/javascript" src="js/vue.js" ></script>
<script>
Vue.component('item',{//item为上面标签名字,定义一个组件 vm.$destroy()消除组件
template:'<div>hello world</div>'
})
var vm=new Vue({//Vue就是根实例,组件
el:'#root',//接管root里面的所有
data:{
message:'hello world'//message与div里面的数据一致
},//注意逗号
methods:{//事件必须写在里面
handleClick:function(){
alert("hellw")
}
}
})//vm常指实例
</script>
</body>
</html>
总结
总结:根据实例,注意vue的写法和语法。
关键词:组件化