写点什么

VUE 初学者基础知识

作者:默默的成长
  • 2022-10-12
    山东
  • 本文字数:770 字

    阅读完需:约 3 分钟

前言

自己整理的一些 VUE 相关知识

(1)历史介绍

angular 09 年 年份较早 一开始是拒绝 react 13 年 用户体验好,一些大公司使用 直接拉到一堆粉丝 vue 14 年, 用户体验好 (数据属性非常非常多 上线的时候就会卡顿,react 就不会) 尤雨溪(中国人)

(2)前端框架与库的区别

  • jquery 库 > DOM(操作 DOM)+请求

  • art - template 库 > 模板引擎

  • 框架 =全方位功能齐全

  • 简易的 DOM 体验+发请求+模板引擎+路由功能

  • KFC 的世界里 ,库就是一个小套餐,框架就是全家桶

  • 代码上不同

  • 简易的 DOM 体验+发请求+模板引擎+路由功能

  • 一般使用库的代码,是调用某个函数,我们自己把控库的代码

  • 一般使用框架,其框架在帮我们运行编写好的代码

  • 框架:初始化自身的一些行为

  • 执行你所编写的代码

  • 释放一些资源

(3)VUE 起步

1. vue 的安装配置

  • node.js 的安装 http://nodejs.cn/download/

  • node 的特点描述

  • 它是一个 Javascript 运行环境

  • 依赖于 Chrome V8 引擎进行代码解释

  • 事件驱动

  • 非阻塞 I/O

  • 轻量、可伸缩,适于实时数据交互应用

  • 单进程,单线程

  • 脚手架待补充

2.插值表达式

  • {{}} 双大括号插值 react {}

  • 如果 template 中定义了内容,那么优先加载 template,如果没有定义内容加载 el 的模板



  • console.log(vm) 除了 数据熟悉 vue 实列还暴露了一些有用的实列属性和方法,他们都有前缀 $


   <div id="app">       <h1>{{msg}}</h1>       <h2>{{str.split('').reverse().join('')}}</h2>     </div>     <script type="text/javascript">    var vm= new Vue ({         el:'#app',         data:{           msg:'大葱',           str:'react'         },        // 写在构造器中        template:`        <div class='app'>               <h2>{{msg}} </h2>               <p v-text='msg'> </p>              </div>`       });      console.log(vm);     </script>
复制代码


今天先整理到这里啦 以后每天都会更新

用户头像

还未添加个人签名 2022-10-11 加入

还未添加个人简介

评论

发布
暂无评论
VUE 初学者基础知识_前端_默默的成长_InfoQ写作社区