前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VUE 初学者基础知识

VUE 初学者基础知识

作者头像
默默的成长
发布2022-10-29 16:23:19
2210
发布2022-10-29 16:23:19
举报
文章被收录于专栏:前端记录笔记前端记录笔记

前言

自己整理的一些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的模板
image.png
image.png

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

代码语言:javascript
复制
   <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>
image.png
image.png

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • (1)历史介绍
      • (2)前端框架与库的区别
        • 今天先整理到这里啦 以后每天都会更新
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档