Vue基础学习使用

一、Vue

Vue的概念：vue是一套前端框架，免除了我们JavaScript中的DOM操作，简化我们书写。

思想：Vue基于MVVM(Model--View--ViewModel)思想，实现了数据的双向绑定，将编程的关注点放在数据上。

官网： http://cn.vuejs.org

二、vue的快速入门

1.引入Vue.js文件

<script src="js/vue.js"></script>

2.在js代码区域，创建Vue核心对象，进行数据绑定

 new Vue({
        el:"#app",
        data(){
            return {
                username:""
            }
        }

3，编写视图

<div id="app">

    <input v-model="username">
    <!--插值表达式-->
    {{username}}


</div>

三、Vue常用指令

 四、Vue的生命周期

 ps：编写时遇到的错误

1，编写v-指令时爆红，但不影响使用，这里我使用的是idea2022。

原因：

pycharm的模板校验问题

解决办法：

 2，java.sql.SQLException: The server time zone value 'Öйú±ê׼ʱ¼ 

原因：使用了MySQL 8.0以上版本（MySQL连接驱动和版本都是8.0以上）出现的时区错误。

解决方案如下：在mysql路径下加上参数serverTimezone=UTC

 

<environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="com.mysql.cj.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql:///yzmxx?useSSL=false&amp;useServerPrepStmts=true&amp;serverTimezone=UTC"/>
                <property name="username" value="root"/>
                <property name="password" value="123456"/>
            </dataSource>
        </environment>
</environments>

如果你观察仔细的话，还会发现图中有个警告：

Loading class `com.mysql.jdbc.Driver'. This is deprecated. The new driver class is `com.mysql.cj.jdbc.Driver'. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary.
 这是因为com.mysql.jdbc.Driver 是 mysql-connector-java 5中的

而早在 mysql-connector-java 6 的时候mysql.jdbc.driver被弃用了。

新的驱动类是“com.mysql.cj.jdbc.driver”。驱动程序通过SPI自动注册。解决方案如下：

com.mysql.jdbc.Driver  替换成 com.mysql.cj.jdbc.Drive

此问题也是我通过查看别人的博客得到解决的。在这里复制一下连接：

https://blog.csdn.net/huanjia_h/article/details/88730595