Vue初识 11.23

1.渐进式JavaScript 框架
     （1） 渐进式意味着可以将Vue作为应用的一部分嵌入其中
     （2） 或者将更多的业务逻辑使用Vue实现，那么可以使用Vue的核心库以及其生态系统
     （3） 像Vue中的 Core+Vue+Router+Vuex 也可以满足各种需求
 2.Vue  特点和常见的高级功能
     （1） 解耦视图和数据
     （2） 可复用的组件
     （3） 前端的路由技术
     （4）状态管理
     （5） 虚拟DOM
3.安装Vue方式
      （1） 引入 开发环境或者生产环境版本
 
    （2） 下载 引入
 
  （3） NPM安装
4.demo
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">{{msg}}</div>
    <script src="../js/vue.js"></script>
    <script>
        //let(变量)、 const(常量)
        //声明式编程
//相应式 当数据发生改变 时 界面会自动跟着改变
    const app=new Vue({
       el: '#app',
       data:{
           msg:"你好"
       }
    })
    </script>
    
</body>
posted @ 2020-11-23 21:39  SoToHard  阅读(39)  评论(0)    收藏  举报