引入vuejs框架
<script src='http://www.hftit.com/vue/lib/vue.min.js'></script>

在外层标签div中引入 id属性值  将来vuejs会通过该id,找到需要操作的元素
以下vue实例
<div id="app">
    在前端页面元素的部分，其中的内容我们暂时以插值表达式的形式来呈现
   在两对p标签中分别引入了插值表达式，相当于将p标签对中的内容写活了，内容以变量的形式存在
   <p>{{str1}}</p>
   <p>{{str2}}</p>
</div>

当vuejs框架包导入进来之后，在浏览器缓存中，就已经存在了一个vue框架的构造函数
我们new出来的这个vm对象，就是页面中对于模型和视图(数据和页面元素)的整体调度者
//el元素表现的是经指定为哪个标签进行相应的vuejs的操作
//data是vuejs中对于数据的表达，数据约定俗成的都是以json的形式来呈现
//以下创建出来的vm对象，就是我们MVVM的VM调度者
创建Vue实例，V必须为大写  (请注意)
下面为js代码
<script>
var vm=new Vue({
   el:"#app",
   data:{
     "str1":"hello word 1 !",  //el元素表现的是经指定为哪个标签进行相应的vuejs的操作
     "str2":"hello word 2!",  //data是vuejs中对于数据的表达，数据约定俗成的都是以json的形式来呈现
   }
});
</script>
点击查看演示

想了解更多，请访问齐创互联,需要网站建设,浏览快速建站模板快速建站
点击联系客服，联系电话：15811653920 联系人: 丁生.