vue官方教程学习笔记- 安装、介绍、生命周期

目录

第一章 安装

1.1 兼容性

1.2 Vue Devtool 安装

1.3 直接

你可以在 cdn.jsdelivr.net/npm/vue 浏览 NPM 包的源代码。
当把基本使用掌握之后，可以根据源码查看vue中常见标签的使用原理。
Vue 也可以在 unpkg 和 cdnjs 上获取 (cdnjs 的版本更新可能略滞后)。

1.4 NPM安装方式

# 最新稳定版
$ npm install vue

[1] 对于中国大陆用户，建议将 NPM 源设置为国内的镜像，可以大幅提升安装速度。or yarn.

第二章 介绍

2.1 vue是什么？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

2.2 vue 简单使用

常见用法：
{{ message }}
v-bind:title="message"
v-if="seen"
v-for="todo in todos"
v-on:click="reverseMessage
v-model="message"

    
    
    




    {{ message }}




  
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  





    
现在你看到我了, 条件语句





    

        

            {{ todo.text }}
        
    





    
{{ message }}
    逆转消息




    
{{ message }}
    





    

        
        
        
    

第三章 生命周期

学习地址：https://segmentfault.com/a/1190000008010666?utm_source=tag-newest

创建一个项目：
https://www.cnblogs.com/huihuijiang/p/8252851.html
npm install -g vue-cli
vue init webpack Vue-Project