当前位置: 代码迷 >> 综合 >> vue学习笔记(一):vue devtools+简单入门程序
  详细解决方案

vue学习笔记(一):vue devtools+简单入门程序

热度:59   发布时间:2023-12-18 14:03:54.0

离线安装vue devtools

1、vue devtools下载

https://pan.baidu.com/s/1MtYvMPew4lb14piIrs9x6w
提取码:6666

在这里插入图片描述
2、写一个简单的vue程序
(这里用的是hbuilder、vue 2.x 环境,已经提前配置好vue等相关环境)
(1)在hbuilder中,新建一个vue项目
在这里插入图片描述
(2)新建helloworld.html,引入vue 2,
在这里插入图片描述

<div>,给定了一个容器
{ {a}},将容器的内容绑定变量a

定义value变量,给a赋予初始值1
新建Vue对象,el绑定元素,id为"#app"的div容器;data属性绑定value变量

在这里插入图片描述
(3)效果
在这里插入图片描述

  相关解决方案