vue（二）

vue（二）

绑定事件指令 v-on

点击1
点击2
点击3
点击4

点击5

计算属性

作用:可以代替的复杂的表达式

    {
    {new Date(birthday).getFullYear() +"年"+new Date(birthday).getMonth()+"月"}}
    {
    {birth1}}
    {
    {getBirth1()}}

watch

Vue 组件

(1)以前组件: Component --easyui 组件 datagrid tabs menu…panel,dialog

Vue组件: 自定义的代码块或者自定义标签

(2)组件有什么用:

​ (1)可以反复使用

​ (2)完成一些功能

(3)vue里面组件分类

​ 全局组件:任意地方都可以使用,任意挂载的标签都使用

​ 局部组件:只能在当前的挂载的标签里面的使用

vue组件是vue里面比较重要知识点

局部组件

组件里面模板写法

模板里面的数据必须函数

    
    {
    {name}}

路由

(1)安装 路由

​ npm install vue-router

​ npm uninstall vue-router

(2)在页面引用vue-router.js文件

(3)使用

    
    首页
    龙哥
    成哥
    金箔哥
    
    

Vue的脚手架

Vue脚手架 --就是前端项目的模板(已经就有一些内容)

使用脚手架

(1) 安装脚手架

npm install -g vue-cli

(2)创建一个项目

(3)执行 vue init webpack

​ 询问创建项目 yes

​ 询问vue-router yes

​ … no

​

(4)运行命令

​ npm run dev