渐进式JavaScript框架--Vue.js 基础篇

2020-04-04 傍晚
“东风渐急夕阳斜,一树夭桃数日花”
——《惜花》
xiaoming’s blog里本篇将最最基础的vuejs做一个梳理。
vue概念+demo code结合夯实基础,也都是个人的小理解吧。

渐进式JavaScript框架 Vue.js

基础篇

概念

官方给出的概念定义是:vue是一套用于构建用户界面的渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。

那么,“渐进式框架” 如何理解呢?

在一个项目中,vue没有强制性的要求必须“从一而终”的使用,可以一半使用jQuery编译,一半使用vue编译(但一般在项目中不会这样去编译),又或者在项目不管处于什么阶段,处在某个模块功能时,也可以使用vue。所以,vue相对易上手,且便于与项目或第三方库进行整合

安装

vue 的安装相对轻便,可以直接通过 // src 后跟vue.js文件所在的路径

2.在使用 Vue 时,可在浏览器安装 Vue Devtools,可对vue进行审查和调试等。

渐进式JavaScript框架--Vue.js 基础篇_第2张图片

一个简单的demo小案例

vuedemo.html




    
    
    
    VueDemo
    


    
  • {{ first }}

浏览器界面显示为
渐进式JavaScript框架--Vue.js 基础篇_第3张图片
分析上述代码,

你可能感兴趣的:(渐进式JavaScript框架--Vue.js 基础篇)