vue.js (一)单页面数据模型

会飞的鱼

vue.js (一)单页面数据模型

1、原生态工作站组成

index.html  --------------------------------默认启动页面

package.json -----------------------------npm 包配置文件

src -----------------------------------------启动组件

---App.vue  ------------------------------

---assets    ------------------------------

----------logo.png

----main.js   ----------------------------Vue 实例启动入口

webpack     ----------------------------webpack 配置文件

2、组建模版构成

<template>

视图模版 可调用script里定义的变量或函数,调用语法用Mustache 语法即  {{变量}}

数据模型

<div id="app">

<h1>{{title}}</h1>

</div>

</template>

<style>

组建样式表

</style>

<script>

组建定义  定义数据类型,方法,函数,返回变量或函数,相当于html中的js代码部分,只不过html中script部分在head头部,vue中定义在了footer部分。

数据模型

export default {

name : 'app',                          //从Vue2开始,组建模板必须且只能有一个顶层元素

data () {

return {

title:"Hello"

}

}

</script>

上述页面输出值为Hello



×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:就去赚 » vue.js (一)单页面数据模型

网友评论(0)