Vue.component("biaoqianname",
{template:'<li>hello</li>'}
)
Vue vm = new Vue({
el:"#app",
data:{
message:"xxx"
},
methods:{say: function(){}}, //{{say()}}
computed:{say2: function(){}}//{{say()}} 调用方式不同,将不经常变化的结果缓存
});
脚手架,快速生成vue项目模板
npm install -g vue-cli # 安装脚手架
vue init webpack myproject # 初始化项目
npm install # 安装依赖软件包
npm run dev # 打包启动
main.js 程序的入口, 里边是导入的模块,例如vue模块,以及自己写的模块等
index.html 固定不变的
index.js 一般是路由的入口
npm install vue-router --save-dev
// main.js
import Vue from "vue"
import router from "./router/index"
new Vue({
el: '#app',
router,
component:APP
})
<template>
<div>
<router-link tp="/content">content</router-link>
<router-view></router-view>用于展示跳转的内容
</div>
</template>
// content.vue
<template>
<h1>
内容显示
</h1>
</template>
<script>
export default{
name: "Content" // 组件名字
}
</script>
<style scoped>
</style>
// index.js 路由对象的配置,导出
import Vue from "vue"
import VueRouter from "vue-router"
import Content from "content"
// 显示声明
Vue.use(VueRouter)
export defalut new VueRouter({
routes:[
{
path:'/content',
name: 'content'
componment:Content,
}
]
})
npm install vue-cli
vue init webpack myvue
npm insatll vue-router --save-dev
npm install element-ui -S
npm install sass-loader node-sass --save-dev
npm install
npm run dev