关于Vue.js的个人学习笔记第一章,希望对你有所帮助

为什么要使用Vue

Vue是一套用于构建用户界面的渐进式框架,相对于其他主流框架Angular,React, 它的优势在于上手容易,代码简洁
Vue的特性
1.轻量级
Angular的使用相对复杂,Vue相对而言更加简单,直接。Vue更加友好
2.数据绑定
Vue是一个MVVM框架,MVVM框架也是Vue的精髓之处,数据可以双向绑定,即**数据驱动视图,视图也可以驱动数据.**在处理表单数据上,Vue的优势更加明显
3.指令
Vue的指令以“v-”开头,指令会给绑定的元素添加一些特殊的行为,会经常使用
4,插件
插件用于对Vue框架功能进行扩展,也是Vue的一个特性,简单的配置过后就可全局使用

安装与开发环境配置

1.Vue作为一个用于构建用户界面的框架,其本质就是一个js文件,下载后与普通js文件导入并无区别
官网地址:https://vuejs.org/下载即可

2.开发软件使用VS code即可

3.git-bash命令行工具官网地址:https://gitforwindows.org/下载即可
根据提示安装,默认即可

4.Node.js环境https://nodejs.org/zh-cn/选择LTS版本长期支持版本即可

5.浏览器使用Chrome谷歌浏览器和安装vue-devtools扩展
vue-devtools的安装较为复杂,可以百度查看教程(简称作者太懒)

做完这些后,你就可以编写你的第一个Vue的实例了

还是我们的第一个编程
第一个实例 Hello World(永恒不变)

    <div id="app">
        {{msg}}
    </div>
    <script>
      new Vue({
        el: '#app',
        data: {
            msg:'Hello World'
        }
      })
    </script>

关于webpack打包工具

webpack是一个模块化打包工具,在webpack中,一切都是模块,它可以把前端项目中的js,css,图片等文件打包在一起,实现自动化构建

在命令行中执行如下命令即可安装

npm install webpack@4.27.x -g

4.27x为版本号, -g表示全局安装,安装完成后可以使用-v来查看webpack版本

webpack -v

如需卸载

npm uninstall webpack -g

以上行为需要安装Node

会持续更新
算是记录我自己的学习过程

感觉有用的话点个赞赞加关注吧

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值