NeilNiu

环境准备。

Vue 是一款用于构建用户界面的的JavaScript框架。

生命周期钩子函数，类比Spring里的bean的生命周期在官网中找到这个Vue 实例 — Vue.js在main.js中都会new Vue 这个实例1、beforeCreate这个钩子函数，函数执行的时候，组件里的实例并没有被创建，这个函数里面并不知道data是什么2、created 这个时候，实例创建了，data可以获取，监听数据了，但是页面看不到3、el:"#app" 这个在main.js中，用的是mount('#app')，也可以这么写，el.“#app”看vue实例是..

一、注册事件如果子组件想要修改父组件的内容，不能在子组件内进行操作，必须在父组件内进行操作，在子组件内注册一个事件，然后在父组件进行调用Header.vue，在div这给容器中绑定一个点击事件，然后这个方法里使用$emit，注册一个事件，第一参数是事件名称，第二个参数是事件的值，以此类推。注册这个事件后，需要有一个地方触发事件，就是在App.vue里触发<template> <div @click="changeTitle" class="Header">

官网下载Visual Studio Code - Code Editing. Redefined下载后按照提示安装，安装之后，安装两个插件，Live-Server ，这个插件可以帮助我们热更新，只要保存操作，浏览器就会自动更新。Vetur vue，语法高亮，Vue.js with TypeScript Snippets for VSCode然后在坐下角设置settings设置成这个，是对我们所写的代码进行格式化设置{ "editor.formatO...

App.vue是父组件，components下面的是子组件组件嵌套包括，全局组件和局部组件一般使用的是局部组件，使用方式是，1、引用组件2、注册组件3、使用组件新建一个Users.vue 子组件，<template> <div class="Users"> <ul> <li v-for="(user, index) in users" :key="index">{{ user }}</li>

首先创建一个文件夹，然后cd到文件夹的根目录上，使用命令vue create vue-demo选个Manually select features ，手动去选择一些功能默认选中babel，帮助转换es6的一些语法，Linter/Formatter，限制我们使用的对应的语法，初学阶段可以不使用，（空格键选中和不选中）选择babel后 点击回车键，In package.json 选择这个,类似pom文件的功能选择n 不保存创建成功后，有这两个命令cd vuecli-demo..

关闭服务，ctrl +c使用vscode打开cli创建的项目，使用ctrl+c 快捷键，打开控制台，或者点击底部的x在控制台处，输入命令启动项目 npm run serve

脚手架需要的环境：1、Node.js运行环境2、npm（node package manage）依赖包脚手架的好处：1、脚手架可以大大提高开发效率2、可使用最主流的ECMAScript语法3、通过Webpack实现编译查看效果（非浏览器编译）4、自动更新，可实时查看最新效果在Node.js的官网下载node，下载安装包...

一、多个Vue实例vue同样可以初始化多个vue实例对象，然后里面的data、 methods、computed用法都是一样的注意在不同的实例对象里，如果想使用别的实例对象里的data的某个属性，写法不用用this. ，要用某个对象.。const one = new Vue({ el: "#vue-app-one", data() { return { name: '', age: 31,

创建一个vue-basic-cdn文件夹然后导入到vscode中，新建三个文件，index.html，app.js，styles.css。一、el和data的使用el的含义是这个vue实例要操作哪一个元素的对象，#号是id定位方式，class的定位方式是.data 返回的是一个对象需要，return，对象里面的可以在index.html中使用，但是只能在el指定的容器中使用//实例化Vue对象new Vue({ el: "#vue-app",//element 含义是vue实..

我们只建四个页面，在Views文件夹下新建四个以下四个页面BlogDetail.vue（博客详情页）BlogEdit.vue（编辑博客）Blogs.vue（博客列表）Login.vue（登录页面）然后在页面中加div标签<template><div> detail</div></template>接下来在在路由中心配置：router/index.jsimport Vue from 'vue'import VueRouter fr

安装完Vue3.0 后 使用命令 vue ui然后浏览器访问localhost:8000然后点击创建