初学第二十五章:VUE安装使用/基础语法

本文阅读 1 分钟
首页 VUE基础,Vue3 正文

vue安装

  • 在VUE官网提供了两种主流安装方式一种是通过CDN在线使用第二种是npm下载到本地项目中

    1. CDN方式:<script src="https://unpkg.com/vue@next"></script>
    2. npm方式:$ npm install vue@next
  • 安装完成后就可以进行使用了

VUE的基础语法

  • VUE基础语法:1.VUE配置项 2. 创建VUE实例 3.实例与挂载点进行绑定
      //   1.创建VUE配置项
      let con = {
        //将VUE的变量全部写到data()中
        data() {
          return {
            //把数据返回
            username:"小汇享",
          };
        },
      };
      //2.创建VUE实例
      const app = Vue.createApp(con);
      //3.将实例挂载
      app.mount(".app");

l6ee2nkq.png

  • VUE基础指令:

    1. 模板指令:v-text,v-html

    l6eepnb9.png

    1. 样式绑定:v-bind

    l6ef7kcy.png
    3.数据双向绑定:v-on,v-model
    l6ej4jg4.png

本文来自投稿,不代表本站立场,如若转载,请注明出处:http://hui-xiang.cn/archives/164.html
-- 展开阅读全文 --
初学第二十四章:node.js安装/npm常用指令
« 上一篇 08-03
初学第二十六章:条件渲染/循环渲染/vue改写购物车
下一篇 » 08-05

相关推荐