VUE.JS和小程序的共通之处

我是先学习的小程序开发,之后才了解到vue.js。也是一直没有时间去看相关vue.js的知识和内容。现在回顾起来,小程序和vue.js都是前端的内容。
例如小程序中的目录结构物page+app.js+app.json+app.wxss+image+util,vue.js的目录结构为myapp或者myproject+src+bulid+html+css+js。
再例如小程序的页面内容结构:

<view class="content"></view>

vue.js的页面内容结构为:

<div id="app"></div>

以及小程序数据绑定的形式:

<text>{{message}}</text>

vue.js的数据绑定形式:

<p>{{message}}</p>

小程序的js内容:

page({
	data:{
	meaasge:"hellow word"
	},
})

vue.js的js内容:

new Vue({
  el: '#app',
  data: {
    message: '<h1>hellow word</h1>'
  }
})

////暂时先写到这里,后续的样式渲染,条件语句循环语句以及事件监听等等都会续写上

posted @ 2018-12-21 08:34  沉默的小猴子  阅读(362)  评论(0编辑  收藏  举报