本文目录一览：
- 1、只会html和css，js只会套用，不会写，也不是特别懂？怎么才能学vue？数据交互，一头雾水。我该怎么学？
- 2、vue文件html、css、js分离
- 3、有html和css和js为什么还要学vue
- 4、在web 中PHP，HTML，CSS, JS, jquery, vue, node 的作用是啥
只会html和css，js只会套用，不会写，也不是特别懂？怎么才能学vue？数据交互，一头雾水。我该怎么学？
vue是属于MVVM模式的框架，数据交互其实很简单的，它是通过在data里面设置参数变量，然后在方法里面通过this来点这个变量，把需要交互的数据通过这样的方式渲染到页面上去。
例如你在页面上写了 div{{message}}/div 那么你就可以在data里面设置一个 message参数变量，如下：
export default {
data () {
return {
message: '默认显示内容'
}
}
}
然后在方法里面通过 this.message = ‘新的内容’;
这样的方式来修改。vue还有生命周期，根据实际情况在不同的周期写方法来实现想要的功能就可以了。
vue文件html、css、js分离
vue文件默认格式如下
1、全部分离
2、部分分离
全局引入
有html和css和js为什么还要学vue
近两年前端技术变革速度太快，vue不论针对web项目开发，网站制作，还是app，小程序开发，都越来越流行，其便捷性及易用程度都让你不得不考虑去学习。如果仅仅还是传统的各种cms开源代码建站仿站，显然你的技术已经跟不上了，如果你开发的项目数据交互较多，并且前后端分离明显，那么vue将会使你未来技术长足成长的不二选择。
组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。
天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层，代码解耦更易于读写。
生态: 现在主流前端框架都自带生态,不管是数据流管理架构还是 UI 库都有成熟的解决方案。
在web 中PHP，HTML，CSS, JS, jquery, vue, node 的作用是啥
php是后端语言，简单来说就是处理数据的，html是用来布局的，css是用来修饰的。
js和jq都是脚本语言，操作dom的，vue是一个框架，node也是后端语言。
首先说一下前端部分：html就是等于你新建的房子，还没有装修，只有一个架构，
css就是等于装修你的房子。使页面变得好看。jq是js的封装，就是把js的一些方法封装起来进行调用，都是属于脚本语言，用法都差不多，例如你要点击一个页面的按钮触发什么事件就是使用js或jq来控制的
再到vue,vue是一个前端框架，它有很多特定的功能，例如：双向数据绑定，data传数据等等，非常方便。（功能还有很多，详细的你自己去学这里只是举例一下），php和node都是后端语言，但是node的定性有点不确定性，它虽然是后端语言，但是使用这个语言最多的还是前端开发，它除了可以写后端数据，它还是很多框架的依赖，例如vue就是需要依赖node环境的。
至于php,我举个例子：你开发了一个官网，但是你的图片和产品一开始都是静态的，就是都是你写在上面的，但是我总不能每次修改都从代码里面去改，然后再上传到服务器吧，所以我们需要通过后端返回数据，把数据库里面的图片或产品参数通过php的接口来获取到数据，然后把数据渲染在前端页面上，这样只要数据库里面的东西修改了，前端页面自动就替换了新的内容。当然我们是不会自己在数据库上面去改的，我们还会写一个管理后台，通过管理后台去上传图片到数据库，不管是前端页面还是管理后台都是通过php（后端语言）来处理数据进行交互的。