微信登录

前端 - Vue.js

文件解释 - src/router.js - 路由

置顶帖 - 本帖收集增加的内容

安装 - CDN/下载/npm

安装 - 浏览器插件 - Vue.js devtools

基础 - VSCode

基础 - 启动Vue - 别人的项目

基础 - 目录结构

例子 - 少写.html - 写.vue

文件解释 - package.json和package-lock.json

文件解释 - index.html

文件解释 - src/main.js - 主入口

文件解释 - src/App.vue - 主入口组件

文件解释 - src/router.js - 路由

文件解释 - src/components/Hello.vue - 主页

变量 - var - 全局 + 可变

变量 - let - 局部 + 可变

变量 - const - 局部 + 不可变

变量 - 环境变量 - .env.production

语法 - 插值 - Mustache -

语法 - 插值 - v-once -

语法 - 插值 - v-text - 改变内容

语法 - 插值 - v-html - 富文本

语法 - 插值 - v-pre -

语法 - 插值 - v-block -

语法 - 事件监听 - v-on:xxx

语法 - 事件监听 - @: -

语法 - 条件 - v-show

语法 - 条件 - v-if

语法 - 绑定属性 - v-bind:xxx - 单向绑定

语法 - 循环 - v-for

语法 - 表单绑定 - v-model - 双向绑定

Html接受数据{{}} - computed、methods

组件化拆分 - Html拆分 - components子组件

父子组件传值 - 子 -> 父

父子组件传值 - 父 -> 子

import - 导入

export default - components:{} - 跳转页面

export default - filters:{} - 过滤器

export default - data(){} - 数据响应变化

export default - created(){} - 生命周期函数 - 创建

export default - methods:{} - 定义方法

export default - mounted:{} - 进入页面就开始执行

组合 - 动态改变css

打包 - vue2.x - 有build、config文件夹

VUE CLI - webpack

VUE CLI - 安装

VUE CLI - 配置

网络封装 - JSON

网络封装 - axios

项目部署 - Nginx - windows

项目部署 - Nginx - Linux

模块化拆分 - Js拆分 - utils子模块

文件解释 - src/router.js - 路由

import Vue from 'vue'
import Router from 'vue-router'
import page1 from '@/pages/page1'
import page2 from '@/pages/page2'
Vue.use(Router)
export default new Router({
  routes: [
    {path: '/page1',name: 'page1',component: page1},
    {path: '/',name: 'page2',component: page2},
  ]
})

component参数，就是components组件文件夹的Hello.vue
这里是/pages/page2 名字不一样，意义一样

page1重定向到page2
{path: ‘/page1’,redirect: “/page2”},