发表于: 2020-06-23 21:11:58

1 2231


一,今日完成

学习了一下VUE.js

1vue安装及配置

首先下载node.js要求版本在8.9以上   

官网:https://nodejs.org/zh-cn/

下载完可检查在windows任务命令行里输入node -v

使用淘宝NPM镜像源下载比较快   

    命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue-cli(全局安装vue-cli)    

    命令:cnpm install vue-cli -g

检查环境是否安装上:vue -V

创建vue项目:

在命令行里输入命令:vue init webpack vue_demo(创建名字为‘vue_demo’的文件夹)

   然后进入此文件夹:cd vue_demo

   然后手动下载:cnpm install

   最后运行程序:npm run dev        

   运行之后会导出网址:http://localhost:8080

   在网页上输入上面的网址即可


2Vue模板语法

 插值
 文本 {{msg}}
 html 使用v-html指令用于输出html代码
 属性 HTML属性中的值应使用v-bind指令
 表达式 Vue提供了完全的JavaScript表达式支持

效果如下:


在这里插入图片描述

3,vue循环



二,明天继续学习

三,无





返回列表 返回列表
评论

    分享到